<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的战队</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../css/lol-public.css" />
    <link rel="stylesheet" href="../../fonts/iconfont.css">
    <link rel="stylesheet" href="../../css/my-team.css" />
    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/bootstrap.min.js"></script>

</head>
<body>
    <div id="header">
        <div class="header">
            <div class="container clearfix">
                <div class="language dropdown pull-right">
                    <a id="chose-language" data-target="#" href="###" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <i class="country-cn country-icon active"></i><span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="chose-language">
                        <li>
                            <a href="/league.html?lang=en_us">
                                <i class="country-icon country-gb"></i>English(英语)
                            </a>
                        </li>
                    </ul>
                </div>
                <div id="user-welcome" class="pull-right clearfix">
                    <div class="pull-left">
                        <div class="user-menu dropdown pull-left">
                            <a id="user-menu-panel" data-target="#" href="###" data-toggle="dropdown" data-hover="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="ellipsis">Ujump</span> <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="user-menu-panel">
                                <li>
                                    <a href="/user/2416135.html"><i class="personal-icon"></i>个人主页</a>
                                </li>
                                <li>
                                    <a href="/login/logout.html"><i class="exit-icon"></i>退出登录</a>
                                </li>
                            </ul>
                        </div>
                        <span class="pull-left public-user-leavel level-3">LV3</span>
                        <div class="info-box pull-left">
                            <a href="###">
                                <i></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="nav">
            <div class="container">
                <div class="pull-left vp-logo public-icon"></div>
                <ul class="pull-left lol-nav">
                    <li class="first active"><a href="###">首页</a></li>
                    <li><a href="###">竞猜</a></li>
                    <li><a href="###">赛事</a></li>
                    <li><a href="###">兑换</a></li>
                    <li><a href="###">饰品</a></li>
                    <li><a href="###">V视角</a></li>
                    <li class="last"><a href="###">我的VP</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="bodyer">
        <div class="container">
            <!--step-bar-->
            <ul class="createTeamStepBar">
                <li class="active">
                    <div class="createTeamStepBar-item">
                        <span>1</span>
                    </div>
                    <p class="createTeamStepBar-title">创建战队</p>
                    <b></b>
                    <b></b>
                </li>
                <li>
                    <div class="createTeamStepBar-item">
                        <span>2</span>
                    </div>
                    <p class="createTeamStepBar-title">添加战队成员</p>
                    <b></b>
                    <b></b>
                </li>
                <li>
                    <div class="createTeamStepBar-item">
                        <span>3</span>
                    </div>
                    <p class="createTeamStepBar-title">创建成功</p>
                    <b></b>
                    <b></b>
                </li>
            </ul>

            <!--组建战队表单-->
            <div class="createTeam">

                <!--表单头部标题-->
                <h4 class="createTeam-title f20 tc">VPGAME组建战队</h4>

                <!--表单正文-->
                <form action="" class="createTeam-form">
                    <div class="form-group mb20 clearfix">
                        <label for="" class="createTeam-label tr pull-left">战队名称</label>
                        <div class="createTeam-input pull-left">
                            <input type="text" class="form-control myteam-formElement">
                        </div>
                    </div>
                    <div class="form-group mb20 clearfix">
                        <label for="" class="createTeam-label tr pull-left">战队简称</label>
                        <div class="createTeam-input pull-left">
                            <input type="text" class="form-control myteam-formElement">
                        </div>
                    </div>
                    <div class="form-group mb20 clearfix">
                        <label for="" class="createTeam-label tr pull-left">战队LOGO</label>
                        <div class="wrapper-upload-teamLogo pull-left">
                            <div class="upload-teamLogo-bg">
                                <a class="upload-teamLogo pt20 tc" href="">
                                    <i class="icon-photo iconfont photo-size"></i>
                                    <p>上传战队LOGO</p>
                                </a>
                            </div>
                        </div>
                        <p class="upload-teamLogo-intro ml10 pull-left">“上传图片仅支持jpg、jpeg、png、bmp格式的图片；LOGO大小为190*100像素”</p>
                    </div>
                    <div class="form-group mb20 clearfix">
                        <label for="" class="createTeam-label tr pull-left">战队所在国家</label>
                        <div class="createTeam-select pull-left">
                            <select name="" id="" class="form-control myteam-formElement">
                                <option value="中国">中国</option>
                                <option value="美国">美国</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group mb20 clearfix">
                        <label for="" class="createTeam-label tr pull-left">战队介绍</label>
                        <div class="createTeam-textarea pull-left">
                            <textarea name="" id="" class="form-control myteam-formElement "></textarea>
                        </div>
                    </div>
                </form>


                <!--表单尾部按钮-->
                <div class="createTeam-formFooter pt30">
                    <div class="btns-step-wrap center-block">
                        <button class="createTeam-stepBtn center-block w120 f14">下一步</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>